* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

li {
  list-style: none;
}

body {
  color: #fff;
  font-family: "Source Han Sanc CN Regular";
  background-color: #041a21;
  background-image: url(src/assets/grid.png);
}

#root {
  display: flex;
  flex-direction: column;
  height: 1080px;
  width: 1920px;
}

:root {
  --color-primary: #1fc6ff;
  --color-light: #59ffff;
  --color-orange: #ff911f;
  --color-yellow: #f5e74f;
  --color-red: #ff386b;
  --color-gray1: #b4c0cc;
  --color-gray2: #a2b0b8;
}

@font-face {
  font-family: "kuhei";
  src: url("./src/assets/kuhei.ttf");
}

@font-face {
  font-family: "Source Han Sans CN Bold";
  src: url("./src/assets/SourceHanSansCN-Bold.otf");
}

@font-face {
  font-family: "Source Han Sans CN Medium";
  src: url("./src/assets/SourceHanSansCN-Medium.otf");
}

@font-face {
  font-family: "Source Han Sans CN Regular";
  src: url("./src/assets/SourceHanSansCN-Regular.otf");
}

@font-face {
  font-family: "Furore";
  src: url("./src/assets/Furore.otf");
}
